<div class="content-wrap col-md-12">
    <div class="content col-md-6">
        <h3 >金钱转换</h3>
        <div class="split-line"></div>
        <form  class="mt5" #ConvertMoneyForm="ngForm">
            <div>
                输入金额: 
                <input class="form-control" id="money" [(ngModel)]="money" name="money" #theMoney = "ngModel" maxlength="6" pattern="^\d{1,3}(?:\.\d{0,2})?$" (keyup)="onKeyUp($event)">
                <span [hidden]="theMoney.valid || theMoney.pristine" class="alert alert-danger"> 输入金额为最多3位整数，两位小数 </span>
            </div>
        </form>
        <p class="mt5">
            转化后: 
            <label [hidden]="!theMoney.valid && !theMoney.pristine">
                    {{money | convertMoney}}
            </label>
        </p>
    </div>
</div>

